<template>
  <div class="nav-buttom">
  	<img src="http://ft-shopping.oss-cn-chengdu.aliyuncs.com/index-img/milogo.png" style="float: left; width: 56px;height: 56px;">
  	<div id="nav-buttom-ul">
  		<ul>
  			<li><a href="">Xiaomi手机</a></li>
  			<li><a href="">Redmi红米</a></li>
  			<li><a href="">电视</a></li>
  			<li><a href="">笔记本</a></li>
  			<li><a href="">平板</a></li>
  			<li><a href="">家电</a></li>
  			<li><a href="">路由器</a></li>
  			<li><a href="">服务</a></li>
  			<li><a href="">社区</a></li>
  		</ul>
  	</div>
  	<div id="nav-buttom-input">
  		<input type="search" value="红米" style="width: 246px;height: 50px;" /><button
  			class="iconfont icon-sousuo" value="" />
  	</div>
    <remote-js></remote-js>
  </div>
</template>

<script>
  export default{
    name:'nav-bottom',
    components: {
      'remote-js': {
       render(createElement) {
        return createElement(
         'script',
         {
          attrs: {
           type: 'text/javascript',
           src: '../../static/js/nav-bottom.js',
          },
         },
        );
       },
      },
     },
  }
</script>

<style scoped>
  @import url('../../static/css/nav-bottom.css');
</style>
